<template>
  <div class="aboutus" ref="fullHomePage">
    <nav-top title="关于我们" :goback="true"></nav-top>
    <div class="content">
      <div class="list">
        <span>公司介绍</span>
        <van-icon style="float:right" name="arrow" />
      </div>

      <div class="list" @click="rule">
        <span>隐私政策</span>
        <van-icon style="float:right" name="arrow" />
      </div>

      <div class="list">
        <span>条款和条件</span>
        <van-icon style="float:right" name="arrow" />
      </div>
    </div>
  </div>
</template>

<script>
import NavTop from "@/components/nav/navBar";
import areaList from "@/common/area";
export default {
  components: {
    NavTop
  },
  data() {
    return {
      clientHeight: ""
    };
  },
  mounted() {
    this.clientHeight = `${document.documentElement.clientHeight}`;
    window.onresize = function temp() {
      this.clientHeight = `${document.documentElement.clientHeight}`;
    };
  },
  watch: {
    clientHeight: function() {
      this.changeFixed(this.clientHeight);
    }
  },
  methods: {
    rule() {
      window.location.href = "/rule"
    },
    changeFixed(clientHeight) {
      console.log(clientHeight);
      this.$refs.fullHomePage.style.height = clientHeight + "px";
    }
  }
};
</script>

 <style lang="scss" scoped>
.aboutus {
  background: #f5f5f7;
  .content {
    padding-top: 42px;
    .list {
      height: 36px;
      width: 320px;
      background: #fff;
      margin-bottom: 9px;
      span {
        padding-left: 11px;
        font-size: 13px;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: rgba(33, 33, 33, 1);
        line-height: 36px;
      }
      i:before {
        padding-right: 13px;
        line-height: 36px;
        color: #cdcdcd;
      }
    }
    .gap {
      width: 319px;
      height: 4px;
      background: #f5f5f5;
    }
  }
}
</style>
